<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <title><%= htmlWebpackPlugin.options.name %></title>
    <script>
      (function(window, document) {
        function resize() {
          var ww = window.innerWidth;
          if (ww > window.screen.width) {
            window.requestAnimationFrame(resize);
          } else {
            if (ww > 750) ww = 750;
            // 下面代码按照比例为100px = 1rem，此处一定要同pxToRem的转换比例
            // document.documentElement.style.fontSize = (ww * 100) / 750 + "px";
          }
        }
        if (document.readyState !== "loading") {
          resize();
        } else {
          document.addEventListener("DOMContentLoaded", resize);
        }
        window.addEventListener("resize", resize);
      })(window, document);
    </script>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
